<template>
  <div>
    <!-- 
      尺寸：w-number,h-number,默认rem单位,可以带有px像素单位或百分比；注意：高度没有百分比，因为父级盒子需要固定高度，而body高度是没有固定的；
      颜色：背景色:bg-色名-色值；色名决定色调，色值决定明亮度范围在0-900；
      排版：font-sans无衬线体，font-serif衬线体，mono宽度相同；
      阴影：shadow-2xl
     -->
    <div class="w-[50%] h-[50vh] bg-dark-100 font-serif shadow-2xl">
      ddddddddddd
    </div>

  </div>
</template>
<script>
export default {
  name: "App",
  props: {},
  components: {},
  watch: {},
  data() {
    return {};
  },
  methods: {},
  created() { },
  mounted() { },
};
</script>
<style lang="scss" scoped></style>
